nav{
    .toolBar{
        margin-left: 8px !important;
        div:first-child{
            margin-left: 36px;
        }
    }
    .rightLogo{
        align-items: center;
        justify-content: center;
        margin-right: 3.5px;
        .Logo{
            margin-left: 16px;
            width: 25px;
            height: 25px;
            background-size: 25px 25px;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.6;
            cursor: pointer;
        }
        .search{
            background-image: url('/img/search.png');
        }
        .user{
            background-image: url('/img/user.png');
        }
        .cart{
            background-image: url('/img/mobile/footer_cart-unselected.png');
        }
    }
}


main{
    // 轮播
.Carousel{
    margin: auto;
    // width: 1519px;
    height: 550px;
    // border: 1px solid #000;
    overflow: hidden;
    position: relative;
    .carousel{
        position: relative;
        width: 100%;
        height: 100%;
        align-items: center;
        // 底部页索引
        .carousel-indicators{
            position: absolute;
            bottom: 24px;
            height: 32px;
            li{
                margin: auto 6px;
                width: 8px;
                height: 8px;
                background-color: rgba(0, 0, 0, 0.2);
                border: 0;
                border-radius: 8px;
            }
            .active{
                width: 12px;
                background-color: rgba(255, 255, 255, 1);
            }
        }
        // 图片
        .carousel-inner{
            width: 100%;
            height: 100%;
            .carousel-item{
                width: 100%;
                height: 100%;
                position: relative;
                .imgContainer{
                    background-size: cover;
                    background-position: center center;
                    background-color: transparent;
                    height: 100%;
                    width: 100%;
                    cursor: pointer;
                }
                .banner1{background-image: url('/img/Category/carousel01.webp');}
                .banner2{background-image: url('/img/Category/carousel02.webp');}
                .banner3{background-image: url('/img/Category/carousel03.webp');}
                .banner4{background-image: url('/img/Category/carousel04.webp');}
            }
        }
    }
}

    section{
        margin-top: 24px;
        width: 100%;
        .title{
            width: 100%;
            height: 30px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .product_list{
            position: relative;
            margin-top: 24px;
            .main{
                margin-top: -12px;
                
                .commodity{
                    margin-top: 12px;
                    position: relative;
                    .good_picture{
                        height: 62%;
                        position: relative;
                        img{
                            width: 60%;
                            height: 70%;
                        }
                        .top_tag{
                            padding: 0 24px;
                            text-align: center;
                            // position: relative;
                            // top: -30px;
                            position: absolute;
                            bottom: 0;
                            span{
                                display: block;
                                height: 20px;
                                padding: 0 8px;
                                background-color: rgb(251, 231, 234);
                                font-size: 12px;
                                font-weight: 400;
                                color: rgb(207, 10, 44);
                                line-height: 21px;
                                text-align: center;
                                border-radius: 4px;
                                overflow: hidden;
                                word-break: break-all;
                            }
                        }
                    }
                    .good_info{
                        height: 30%;
                        .tag_title{
                            justify-content: center;
                            .good_title{
                                margin: 0;
                                font-weight: 600;
                            }
                        }
                        .good_dept{
                            margin: 6px 0 12px 0;
                        }
                        .good_price{
                            margin-top: 8px;
                            .new{
                                margin-right: 0;
                            }
                        }
                        .bottom_tag{
                            margin-top: 8px;
                            justify-content: center;
                            .tag{
                                height: 16px;
                                background-image: none;
                                background-color: rgb(255, 255, 255);
                                color: rgb(207, 10, 44);
                                border: 1px solid rgba(207, 10, 44, 0.4);
                            }
                            .tag:last-child{margin-right: 0;}
                        }
                        .evaluation{
                            justify-content: center;
                            flex-wrap: nowrap;
                            margin-top: 8px;
                            height: 16px;
                            line-height: 16px;
                            font-size: 12px;
                            span{
                                margin-top: 2px;
                                color: rgb(0, 0, 0);
                                opacity: 0.5;
                                cursor: pointer;
                            }
                            span:first-child{
                                margin-right: 8px;
                            }
                        }
                    }
                    &:nth-child(1){margin-left: 0;}
                    &:nth-child(5){margin-left: 0;}
                    &:nth-child(9){margin-left: 0;}
                }
            }
        }
    }

    // 热夏爆款
    .hot_summer_hits{
        .product_list{
            .main{
                .commodity{
                    .good_picture{
                        height: 68%;
                        img{
                            width: 65%;
                            height: 70%;
                        }
                    }
                }
            }
        }
    }

    // 手机专区
    .mobile_phone_area{
        .product_list{
            .main{
                .commodity{
                    .good_picture{
                        height: 67%;
                        img{
                            width: 60%;
                            height: 70%;
                        }
                    }
                }
            }
        }
    }

    // 笔记本专区
    .laptop_area{
        .product_list{
            .main{
                .commodity{
                    .good_picture{
                        height: 68%;
                        img{
                            width: 65%;
                            height: 70%;
                        }
                    }
                }
            }
        }
    }

    // 华为智选
    .huawei_smart_select{
        .product_list{
            .main{
                .commodity{
                    .good_picture{
                        height: 68%;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
        }
    }

    // end
    .end{
        margin-top: 24px;
        height: 300px;
        .main{
            img{
                margin-top: 12px;
            }
        }
    }
}